// $(function() {
//     var layer = layui.layer
//     var form = layui.form

//     initCate()
//         // 初始化富文本编辑器
//     initEditor()

//     // 1. 初始化图片裁剪器
//     var $image = $('#image')

//     // 2. 裁剪选项
//     var options = {
//         aspectRatio: 400 / 280,
//         preview: '.img-preview'
//     }

//     // 3. 初始化裁剪区域
//     $image.cropper(options)

//     // 给选择封面按钮添加点击事件
//     $('#chooseImg').on('click', function() {
//             $('#file').click()
//         })
//         // 监听file的change事件，获取用户选择的文件列表
//     $('#file').on('change', function(e) {
//         var file = e.target.files[0]
//         var newImgURL = URL.createObjectURL(file)
//         $image
//             .cropper('destroy') // 销毁旧的裁剪区域
//             .attr('src', newImgURL) // 重新设置图片路径
//             .cropper(options) // 重新初始化裁剪区域
//     })
//     var state = '已发布'
//     $('#btnSave').on('click', function() {
//         state = '草稿'
//     })
//     $('#form_pub').submit(function(e) {
//         e.preventDefault();
//         // 基于form表单创建FormData对象
//         var fd = new FormData($(this)[0]);
//         fd.append('state', state)
//             // 将裁剪后的图片， 输出为文件
//         $image
//             .cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
//                 width: 400,
//                 height: 280
//             })
//             .toBlob(function(blob) { // 将 Canvas 画布上的内容，转化为文件对象
//                 // 得到文件对象后，进行后续的操作
//                 fd.append('cover_img', blob)
//                 publishArt(fd)
//             })
//     })


//     // 加载文章分类方法
//     function initCate() {
//         $.ajax({
//             method: 'GET',
//             url: '/my/article/cates',
//             success: function(res) {
//                 // console.log(res);
//                 if (res.status !== 0) return layer.msg('初始化文章分类失败')
//                 var htmlStr = template('tpl_cate', res)
//                 $('[name=cate_id').html(htmlStr)
//                 form.render()
//             }
//         })
//     }
//     //定义一个发布文章的方法
//     function publishArt(fd) {
//         $.ajax({
//             method: 'POST',
//             url: '/my/article/add',
//             data: fd,
//             contentType: false,
//             processData: false,
//             success: function(res) {
//                 if (res.status !== 0) return layer.msg('文章发布失败')
//                 layer.msg('文章发布成功')
//                 $('#form_pub')[0].reset()

//             }
//         })
//     }
// })
$(function() {
    var layer = layui.layer
    var form = layui.form
    initCate()
        // 初始化富文本编辑器
    initEditor()
        // 1. 初始化图片裁剪器
    var $image = $('#image')

    // 2. 裁剪选项
    var options = {
        aspectRatio: 400 / 280,
        preview: '.img-preview'
    }

    // 3. 初始化裁剪区域
    $image.cropper(options)
    $('#btnChooseImage').on('click', function(e) {
            $('#coverFile').click()
        })
        // 更换裁剪的图片
    $('#coverFile').on('change', function(e) {
            var file = e.target.files
            var newImgURL = URL.createObjectURL(file[0])
            $image
                .cropper('destroy') // 销毁旧的裁剪区域
                .attr('src', newImgURL) // 重新设置图片路径
                .cropper(options) // 重新初始化裁剪区域
        })
        // 定义文章发布状态
    var art_state = '已发布'
    $('#btnSave2').on('click', function() {
        art_state = '草稿'
    })
    $('#form_pub').submit(function(e) {
        e.preventDefault();
        var fd = new FormData($(this)[0]);
        fd.append('state', art_state)
        $image
            .cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
                width: 400,
                height: 280
            })
            .toBlob(function(blob) { // 将 Canvas 画布上的内容，转化为文件对象
                // 得到文件对象后，进行后续的操作
                fd.append('cover_img', blob)
                publishArticle(fd)
            })
    })

    function initCate() {
        $.ajax({
            method: "GET",
            url: '/my/article/cates',
            success: function(res) {
                if (res.status !== 0) return layer.msg('获取文章类别失败！')
                var htmlStr = template('tpl_cate', res)
                $('[name=cate_id]').html(htmlStr)
                form.render()
            }
        })
    }

    function publishArticle(fd) {
        $.ajax({
            method: 'POST',
            url: '/my/article/add',
            data: fd,
            contentType: false,
            processData: false,
            success: function(res) {
                if (res.status !== 0) return layer.msg('发布文章失败！')
                layer.msg('发布文章成功！')
                location.href = '/article/art_list.html'
            }
        })
    }
})